@charset "utf-8";
$fontSize:40;
@function r($p){
    @return $p/$fontSize*1rem;
}
.clear{
    clear: both;
}
.login{
    position: fixed;
    top:0;
    transform: translateX(-100%);
    z-index: 9999;;
    width:100%;
   height:100%;
   overflow: auto;
    background-color:rgba(0,0,0,.9);
    transition:all 1s ease-in-out;
    >header{
        margin:0 auto;
        width:95%;
        height:r(99);
        text-align: justify;
        vertical-align: middle;
        border-bottom:#514f4d 1px solid;
        >label{
            >.close{
                display: inline-block;
                color:#fff;
                text-align: center;
                width:r(60);
                height:r(60);
                border-radius: 50%;
                background:#a50907;
                vertical-align: bottom;
            }
        }
        >input{
            display: inline-block;
            margin-top:r(22);
            background: url(../img/sousuo.png) no-repeat;
            background-position:r(15);
            color:#fff;
            height:r(60);
            width:r(500);
            // background: #1f1f1f;
            border:#fff 2px solid;
            border-radius: r(50);
            font-size: r(25);
            padding-left:r(70);
            padding-right:r(15);
      
        }
        .line{
            width:100%;
            display: inline-block;
        }
      
    }//header
    .middle{
        padding-bottom:r(125);
        font-size: 0;
        margin-top:r(35);
        width:100%;
        text-align: center;
        >.admin{
            width:r(150);
            display: inline-block;
            >img{
                width:100%;
            }
        }
        >.admin_message{
            font-size: 0;
          
            >section{
                display: flex;
                display: -webkit-flex;
                justify-content: center;
                align-items: center;
                align-content: center;
                >p{
                    display: inline-block;  
                    font-size:r(28);
                    // font-weight: bold;
                    color:#fff;
                }
                >.geren{
                    margin-top:r(5);
                    margin-left:r(10);
                    
                    display: inline-block;
                    width:r(107);
                    vertical-align: middle;
                    // height: r(23);
                    font-size:r(13);
                    color:#d8d8d8;
                    padding:r(3) r(5);
                    border:#d8d8d8 1px solid;
                   
            }//section
           
            }
            >.xing{
                margin-top:r(10);
                display: flex;
                display: -webkit-flex;
                justify-content: center;
                >div{
                    width:r(25);
                    >img{
                        width:100%;
                    }
                }
            }//xing
            >aside{
                margin-top:r(10);
                display: flex;
                display: -webkit-flex;
                justify-content: center;
                font-size:r(26);
                >div{
                    color:#fff;
                    margin-right:r(5);
                    margin-left:r(5);
                }
                >span{
                    color:#a50907;
                }
                >.span_line::after{
                    content:"|";
                    display: inline-block;
                    color:#d8d8d8;
                    width:r(1);
                    padding:0 r(10);
                }
            }
        }//admin_message
    
        >.ad_box{
            margin-top:r(10);
            display: flex;
            display: -webkit-flex;
            justify-content: center;
            >.sc{
                background:#b60105;
                color:#fff;
                font-size: r(26);
                padding:r(10) r(0);
                border-radius: r(30);
                width:r(250);
                margin-right: r(20);
            }
            >.fb{
                background:#cdcdcd;
                color:#fff;
                font-size: r(26);
                padding:r(10) r(0);
                border-radius: r(30);
                width:r(250);
            }
        }

    }//middle
    .jianxi{
        width:100%;
        height:r(28);
        background-color:rgba(66, 66, 66, 0.9)
    }
    .box{
        margin:0 auto;
        margin-top:r(28);
        width:90%;
        padding-bottom:300px;
        
        >div{
            font-size:r(28);
            color:#fff;
            overflow: hidden;
            
            >input{
                display:none;
            }
            >input:checked~.content {
                height: r(200);
                display:block;
            }
            >label{
                vertical-align: middle;
                line-height: 5px;
                display: block;
                padding:r(30) 0;
                border-bottom:#514f4d 1px solid;
                overflow: hidden;
                >div{
                    width:50%;
                    text-align: left;
                    display:inline-block;
                }
                >span{
                    width:50%;
                    text-align: right;
                    display: inline-block;
                }
            }
            >.label_A{
                 padding:r(15) 0;
            }
            .content{
                height:0;
                overflow: hidden;
                transition: all 0.4s ease-in-out;
                margin-top:r(20);
                    >div{
                        margin: 0 auto;
                        text-align: center;
                        padding:r(30) 0;
                        width:60%;
                        border-bottom:#514f4d 1px solid;
                    }
            }
        }
        
       
      
    }//section
}